import React from 'react';
import { NavLink } from 'react-router-dom';
import { HeaderNav, Footer } from 'components';
import './index.less'
import renderRoutes from 'libs/routes'
import createContext from 'libs/context'
import http from 'libs/http'

const { Provider } = createContext('authority', '');

export default class Login extends React.Component {
  state = {
    authority: '',
  }

  componentDidMount() {
    this.checkRoleType()
  }

  checkRoleType = () => {
    http.get('/role/getRole').then(res => {
      res.data && this.setState({
        authority: res.data
      })
    })
  }

  render () {
    const { authority } = this.state
    return (
      <div className="login-container">
        <HeaderNav history={this.props.history} />
        <div className="custom-modal">
          <div className="left desc">
            <h2>改变世界，从学习开始</h2>
            {/* <h2>CHANGE THE WORLD</h2>
            <h2>LEARN FIRST!</h2>
            <p>重视逻辑，充满趣味的在线课程。<br/>精选热情、有责任心的优质教师，固定教学、温故知新，为孩子们的高效学习注入动力。以在线知识分享的方式降低家庭教育支出，让更多孩子得到优质教育机会。我们相信每个孩子都具有无限创造的潜能，用学习的力量征服世界，从现在开始。</p> */}
            <p>北冥有鱼，其名为鲲。<br/>
            鲲之大，不知其几千里也；<br/>
            化而为鸟，其名为鹏。<br/>
            鹏之背，不知其几千里也；<br/>
            怒而飞，其翼若垂天之云。</p>
          </div>
          <div className="right form">
            <Provider value={{ authority }}>
              {renderRoutes('/student')}
            </Provider>
            <NavLink to='/home' className="back">返回</NavLink>
          </div>
        </div>
        <Footer />
      </div>
    )
  }

}
